<!--
    搜索框样式
-->
<template>
  <div class="search-form-container">
    <label class="search-label">{{ label }}：</label>
    <div class="search-form-item">
      <slot></slot>
    </div>
  </div>
</template>

<script setup lang="ts">
interface ISearchItemProps {
    label: string
}
const props = defineProps<ISearchItemProps>()
</script>

<style lang="less" scoped>
.search-form-container {
  display: inline-block;
  margin-right: 20px;
  .search-form-item {
    display: inline-block;
    width: 200px;
  }
  .search-label {
    display: inline-block;
    width: 90px;
    text-align: left;
  }
}
</style>
